<style lang=sass>
@import "../../assets/sass/button/button.scss";
</style>


<template>
  <button  v-bind:disabled='disabled'  v-bind:type='type' class="vue-btn" >{{text}}</button>
</template>



<script>
export default {
  props: {
    type: String,
    onClick: Function,
    size: String,
    loading: Boolean,
    icon: String,
    text: String,
    disabled: String
  },
  data(){
    return{}
  },
  watch: {
    'loading': function (value) {
      if (value === true) {
        this.loadCls = 'vue-btn-loading'
      } else {
        this.loadCls = ''
      }
    }
  }
}
</script>


